<script setup>
import Shai from "./morebody/shaixuan.vue"
import { ref, watch, onMounted } from "vue"
let pepnums = ref(0)
let pepnum = (n) => {
    pepnums.value = n
}
let isfrees = ref(0)
let isfree = (n) => {
    isfrees.value = n
}

// 区域接收
let areas = ref()
let area = (area) => {
    areas.value = area
    console.log(areas.value);
}

// 价格接收值
let lowpri = ref()
let lowprice = (lowprice) => {
    lowpri.value = lowprice
    // console.log(lowpri.value);
}
let highpri = ref()
let highprice = (highprice) => {
    highpri.value = highprice
    // console.log(highpri.value);
}

onMounted(() => {
    // console.log(pepnums.value, 1111111)
})
</script>
    
<template>
    <div>
        <Shai @pepnum="pepnum" @freeclose="isfree" @area="area" @lowprice="lowprice" @highprice="highprice"></Shai>
        <router-view :nums="pepnums" :frees="isfrees" :areas="areas" :lowprice="lowpri" :highprice="highpri">
        </router-view>
    </div>
</template>

<style>
body {
    margin: 0;
    padding: 0;
}
</style>